<template>
   <el-container>

    <!--主界面使用 上下左右四个布局-->
    <el-header style="height:80px;"><v-top></v-top></el-header>
        <el-container>       
            <el-aside style="width:253px;" ><v-left></v-left></el-aside>
                  <el-container>
                        <el-main>
                           
                            <router-view></router-view>
                        </el-main>
                        
                        <el-footer>
                          <v-foot></v-foot>
                        </el-footer>
                 </el-container>          
     </el-container>


</el-container>
</template>

<script>

    //1.先使用import导入你要在该组件中使用的子组件
    import Top from './main/top.vue'
    import Foot from './main/foot.vue'
    import Left from './main/left.vue'
 




export default {
         name:'main',
        //2.然后,在components中写入子组件
        components: {
        'v-top':Top,
        'v-foot':Foot,
        'v-left':Left,
   
       
        },
        
	
    }
 

</script>


